<template>
    <!-- component/floatIcon.wxml -->
    <view class="home" @touchmove.stop.prevent="setTouchMove">
        <!-- <view class='homeCon bg-color acea-row row-column-between {{homeActive==true?"on":""}}' style="background:{{homeActive==true?color:'none'}}">
          <navigator hover-class='none' url='/pages/index/index'  open-type='switchTab'>
             <image class="iconimg" src='/file/images/homeicon.png'></image>
          </navigator>
          <navigator hover-class='none' url='/pages/cart/cart'  open-type='switchTab'>
             <image class="iconimg" src='/file/images/carticon.png'></image>
          </navigator>
          <navigator hover-class='none' url='/pages/userCenter/userCenter'  open-type='switchTab'>
            <image class="iconimg" src='/file/images/usericon.png'></image>
          </navigator>
      </view> -->
        <view style="background: #dddddd" class="pictrue" @tap="open">
            <button class="button hv-center" open-type="contact" session-from="weapp">
                <view style="font-size: 30px" class="icon iconfont icon-kefu"></view>
            </button>
        </view>
    </view>
</template>

<script>
// component/floatIcon.js 
export default {
    data() {
        return {
            homeActive: false,
            color: app.globalData.color,
            top: ''
        };
    },
    /**
     * 组件的属性列表
     */
    props: {},
    /**
     * 组件的方法列表
     */
    methods: {
        setTouchMove: function (e) {
            var that = this;
            if (e.touches[0].clientY < 400 && e.touches[0].clientY > 66) {
				that.top = e.touches[0].clientY; 
            }
        },
        open: function () {
			this.homeActive =  !this.homeActive
           
            
        }
    },
    created: function () {}
};
</script>
<style>
@import './floatIcon.css';
</style>
